.page-marketing-exchange-code {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  .store-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    .store-name {
      font-size: 32px;
      color: #333;
    }
  }
  .exchange-qrcode {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    .sp-image {
      width: 360px;
    }
  }
  .exchange-barcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    .sp-image {
      width: 480px;
    }
    .code-content {
      font-size: 28px;
      color: #333;
    }
  }
  .btn-wrap {
    width: 280px;
    margin: 60px auto 0;
  }
  .tip-content {
    color: #999;
    text-align: center;
    padding: 20px;
  }
}
